<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


    <link rel="stylesheet" href="./css/reset.css">

    <link rel="stylesheet" href="./lib/swiper/swiper-bundle.css">

    <link rel="stylesheet" href="./css/common.css">

    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./utils/utils.js">
    <link rel="stylesheet" href="./js/index.js">

</head>

<body>
    <!-- 头部 -->
    <header class="clearfix plr30 abs">
     
        <img src="./imgs/new-logo-white.png" alt="" class="logo fl mt18">
        <!-- 菜单 -->
        <ul class="menu abs">
            <li class="active"><a href="#">首页</a></li>
            <li><a href="#">API</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">案例</a></li>
            <li><a href="#">开发者</a></li>
        </ul>
        <!-- 登录和注册 -->
        <div class="fr mt18 right f12">
            <a href="#" class="p515">登录</a>
            <a href="#" class="p515 ml10">注册有礼</a>
        </div>
    </header>

    <!-- banner -->
    <div class="swiper banner rel">
        <div class="swiper-wrapper">
            <div class="swiper-slide bg01"></div>
            <div class="swiper-slide bg02"></div>
            <div class="swiper-slide bg03"></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>

        <!-- 如果需要导航按钮 -->
        <div class="swiper-button-prev"></div>
        <div class="swiper-button-next"></div>
    </div>

    <div id="service" class="container">
        <div class=" mt90 tcenter">
            <h2 class="tcenter lh64 f35">为开发者提供云服务</h2>
            <p class="tcenter lh22">基于API技术向客户提供多领域、多场景的Sass服务；助力开发者提高生产效率，加快工作进程</p>
            <a href="" class="tcenter iblock  mt18">探索云服务 &gt;</a>
        </div>
        <div class="fourbox">
            <ul class="clearfix">
                <li><img src="./imgs/service01.svg" alt="">
                    <h6>API私有化服务</h6>
                    <p>可部署本地&专有云的Web API</p>
                    <a href="#">去搜索</a>
                </li>
                <li><img src="./imgs/service02.svg" alt="">
                    <h6 class="lh22">源码云监测</h6>
                    <p class="lh22">实时代码托管、威胁情报监控</p>
                    <a href="#" class="lh22">去搜索</a>
                </li>
                <li><img src="./imgs/service03.svg" alt="">
                    <h6>源码有赢</h6>
                    <p>一站式营销活动服务平台</p>
                    <a href="#">去搜索</a>
                </li>
                <li><img src="./imgs/service04.svg" alt="">
                    <h6>YuanMa API</h6>
                    <p>API开发者协作平台</p>
                    <a href="#">去搜索</a>
                </li>
            </ul>
        </div>
    <div></div>
        <div id="APIcate" class="container">
            <div class=" mt90 tcenter">
                <h2 class="tcenter lh64 f35">海量的API服务，丰富的API分类</h2>
                <p class="tcenter lh22">海量的API服务，丰富的API分类</p>
                <a href="" class="tcenter iblock  mt18">探索API &gt;</a>
            </div>
            <ul class="APIul" id="APInn">
                <li><img src="./imgs/api01.svg" alt="">
                    <p>生活服务</p>
                </li>
                <li><img src="./imgs/api02.svg" alt="">
                    <p>金融科技</p>
                </li>
                <li><img src="./imgs/api03.svg" alt="">
                    <p>交通地理</p>
                </li>
                <li><img src="./imgs/api04.svg" alt="">
                    <p>充值缴费</p>
                </li>
                <li><img src="./imgs/api05.svg" alt="">
                    <p>数据智能</p>
                </li>
                <li><img src="./imgs/api06.svg" alt="">
                    <p>企业工商</p>
                </li>
                <li><img src="./imgs/api07.svg" alt="">
                    <p>吃喝玩乐</p>
                </li>
                <li><img src="./imgs/api08.svg" alt="">
                    <p>文娱视频</p>
                </li>
                <li><img src="./imgs/apic1.svg" alt="">
                    <p>应用开发</p>
                </li>
                <li><img src="./imgs/apic2.svg" alt="">
                    <p>电子商务</p>
                </li>


            </ul>
        </div>
      
   <div class="huiji clearfix">
        <div class=" mt90 tcenter">
            <h2 class="tcenter lh64 f35 mt90">慧集 / APIMaster</h2>
            <p class="tcenter lh22">API集成中台包括：API设计、API开发、API测试、API发布、API网关、API市场等功能，支持API的鉴权、流控、熔断等，涵盖了API的全生命周期。</p>
            <a href="" class="tcenter iblock  mt18">探索慧集 &gt;</a>
        </div>
        <img src="./imgs/master-left-bg.svg" alt="">
        <ul class="huiji">
            <li class="imgright">
                <span>|</span>
                <h5>API智能接入</h5>
                <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
            </li>
            <li>
                <span>|</span>
                <h5>数据库生成API</h5>
                <p>通过可视化界面配置，即可实现无代码、免开发快速接入</p>
            </li>
            <li>
                <span>|</span>
                <h5>API智能构建</h5>
                <p>多个API通过可视化的流程编排与业务逻辑重组，融合成新的API</p>
            </li>
            <li>
                <span>|</span>
                <h5>API开放共享</h5>
                <p>将核心能力以API形式对外输出，赋能到多领域、多场景的应用程序中</p>
            </li>
            <li>
                <span>|</span>
                <h5>API智能路由</h5>
                <p>根据入参属性进行智能分配，实现路由管理，控制API调用流向</p>
            </li>
            <li>
                <span>|</span>
                <h5>简化API开发</h5>
                <p>助力开发者创建API、批量测试、跟踪开发进度、自动生成文档</p>
            </li>
        </ul>
    </div>
    <div class=" mt90 tcenter">
        <h2 class="tcenter lh64 f35">助力行业巨头 / 独角兽企业</h2>
        <a href="" class="tcenter iblock  mt18">看看我们服务了谁 &gt;</a>
    </div>
   
    <div class=" mt90 tcenter">
        <h2 class="tcenter lh64 f35">数据安全和可靠合规的服务</h2>
        <p class="tcenter lh22">保证每一个客户放心使用</p>
        <a href="" class="tcenter iblock  mt18">立即使用</a>
        <br>

        <div class="lastpart">
        <img src="./imgs/security-logo-item01.svg" alt="">
        <img src="./imgs/security-logo-item02.svg" alt="">
        <img class="three" src="./imgs/security-logo-item03.png" alt="">
        <img class="three" src="./imgs/security-logo-item04.png" alt="">
        <img class="three"   src="./imgs/security-logo-item05.png" alt="">
        <img src="./imgs/security-logo-item06.png" alt="">




        </div>
   

</div>

</div>

<div id="bcimg" class=" mt90 tcenter" >
    <h2 class="tcenter lh64 f35">免费使用上百种API 体验各类产品和服务</h2>

    <a href="" class="tcenter iblock  mt18">立即体验</a>
</div>

<footer class="clearfix">
    <div>
        <ul>
            <li><h6>联系与支持</h6>
            <p>400-882-7715</p>
            <p>售前咨询</p>
            <p>客服&售后</p>
            <p>常见问题</p>
            <p>极速工单</p>
            <p>投诉与建议</p>
            </li>
            <li><h6>关于源码</h6>
                <p>400-882-7715</p>
                <p>售前咨询</p>
                <p>客服&售后</p>
                <p>常见问题</p>
                <p>极速工单</p>
                <p>投诉与建议</p>
                </li>
                <li><h6>快速入口</h6>
                    <p>400-882-7715</p>
                    <p>售前咨询</p>
                    <p>客服&售后</p>
                    <p>常见问题</p>
                    <p>极速工单</p>
                    <p>投诉与建议</p>
                    </li>
                    <li><h6>产品服务</h6>
                        <p>400-882-7715</p>
                        <p>售前咨询</p>
                        <p>客服&售后</p>
                        <p>常见问题</p>
                        <p>极速工单</p>
                        <p>投诉与建议</p>
                        </li>
             <li><h6>解决方案</h6>
            <p>400-882-7715</p>
            <p>售前咨询</p>
            <p>客服&售后</p>
            <p>常见问题</p>
            <p>极速工单</p>
            <p>投诉与建议</p>
            </li>
        </ul>
    </div>
    <div class="last-right-box">
    <h6>微信公众号</h6>
    <p>源码时代</p>
    <img src="./imgs/103-demo.png" alt="">
  
    </div>

</footer>
<p class="bottomwords">
    <img src="./imgs/bei1.png" alt="">
    <img src="./imgs/bei2.png" alt="">
    增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
</p>
<p class="heihei">源码大数据股份有限公司版权所有</p>

 
        <script src="./lib/swiper/swiper-bundle.js"></script>

        <script>
            new Swiper('.banner', {
                
                loop: true, 
                autoplay: true,
                // 如果需要分页器
                pagination: {
                    el: '.swiper-pagination',
                },

                // 如果需要前进后退按钮
                navigation: {
                    nextEl: '.swiper-button-next',
                    prevEl: '.swiper-button-prev',
                },

            })
            console.log(getEle('#service'));
            console.log(getEles('#service ul li'));

        </script>


</body>

</html>